import { UploadOutlined } from "@ant-design/icons";
import ProForm, { DrawerForm, ProFormGroup, ProFormSelect, ProFormText, ProFormTextArea } from "@ant-design/pro-form"
import { PageContainer } from "@ant-design/pro-layout"
import ProTable, { ProColumns } from "@ant-design/pro-table"
import { Button, Row, Col,Card, List, Skeleton, Avatar, Descriptions, Divider } from "antd";
import { useState } from "react";

export default () => {
  
  return (
    <PageContainer>
          <Row gutter={[16, 16]}>
            <Col span={10}>
            <Card title="拜访计划" extra={<><a href="#" style={{color:'#f47920'}}>计划中</a><a href="#" style={{color:'#1d953f',marginLeft:10}}>已完成</a><a href="#" style={{color:'#f05b72',marginLeft:10}}>延期</a><a href="#" style={{color:'#aaaaaa',marginLeft:10}}>取消</a></>}>

            <List
                className="demo-loadmore-list"
                itemLayout="horizontal"
                
                dataSource={[{},{},{}]}
                renderItem={item => (
                  <List.Item
                    style={{borderLeft:'solid 5px #f47920',paddingLeft:10,marginBottom:10}}
                    actions={[<a key="list-loadmore-edit">详情</a>]}
                  >
                      <List.Item.Meta
                        title={<a href="https://ant.design">{'张三'+'  2022-10-26 15:00'}</a>}
                        description={<>当面拜访 | 天津市第一人民医院<br/>计划与其沟通装机的事项</>}
                      />
                  </List.Item>
                )}
              />
    
            </Card>

            </Col>
            <Col span={14}>
   

            <Card title="拜访详情">
                <List.Item.Meta
                        title={<a href="https://ant.design">{'张三'+'  2022-10-26 15:00'}</a>}
                        description={<>当面拜访 | 天津市第一人民医院<br/>计划与其沟通装机的事项</>}
                      />
                <Divider />
                <Descriptions
                  bordered
                  title="基本信息"
                  size={'small'}
                >
                     <Descriptions.Item label="拜访类型">装机</Descriptions.Item>
                     <Descriptions.Item label="拜访时间">2022-10-26 15:00</Descriptions.Item>
                     <Descriptions.Item label="拜访时长">15分钟</Descriptions.Item>
                     <Descriptions.Item  label="拜访方式">当面拜访</Descriptions.Item>
                     <Descriptions.Item span={3} label="拜访地点">拜访会议室</Descriptions.Item>
                     <Descriptions.Item label="拜访主题">计划与其沟通装机的事项</Descriptions.Item>
                </Descriptions>
                <div style={{height:10}}></div>

                <Descriptions
                  bordered
                  title="目标与内容"
                  size={'small'}
                >
                     <Descriptions.Item span={2} label="拜访目标">协调具体的装机时间</Descriptions.Item>
                     <Descriptions.Item   label="是否达成">是</Descriptions.Item>
                     <Descriptions.Item span={3} label="备注">无</Descriptions.Item>
                </Descriptions>
                <div style={{height:10}}></div>

                <Descriptions
                  bordered
                  title="结论"
                  size={'small'}
                >
                     <Descriptions.Item  span={2} label="客户意见">协调具体的装机时间</Descriptions.Item>
                     <Descriptions.Item span={2} label="沟通纪要">无</Descriptions.Item>
                </Descriptions>
            </Card>
            </Col>
          </Row>
    </PageContainer>)
}